<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
  <link rel="stylesheet" href="./font/qweather-icons.css" />
  <title>数字孪生石门水库</title>
  <!-- <script src="https://cdn.rawgit.com/spark/crypto-js/master/crypto-js.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.0.0/jsencrypt.min.js"></script> -->
  <script src="./liveplayer-lib.min.js"></script>
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
        properly without JavaScript enabled. Please enable it to
        continue.</strong>
  </noscript>
  <div id="app"></div>
  <script>
    'object' != typeof ue || 'object' != typeof ue.interface
      ? ('object' != typeof ue && (ue = {}),
        (ue.interface = {}),
        (ue.interface.broadcast = function (e, t) {
          if ('string' == typeof e) {
            var o = [e, '']
            void 0 !== t && (o[1] = t)
            var n = encodeURIComponent(JSON.stringify(o))
            'object' == typeof history &&
              'function' == typeof history.pushState
              ? (history.pushState({}, '', '#' + n),
                history.pushState({}, '', '#' + encodeURIComponent('[]')))
              : ((document.location.hash = n),
                (document.location.hash = encodeURIComponent('[]')))
          }
        }))
      : (function (e) {
        ; (ue.interface = {}),
          (ue.interface.broadcast = function (t, o) {
            'string' == typeof t &&
              (void 0 !== o
                ? e.broadcast(t, JSON.stringify(o))
                : e.broadcast(t, ''))
          })
      })(ue.interface),
      (window.ue4 = ue.interface.broadcast)
  </script>
  <!-- built files will be auto injected -->
  <style>
    * {
      padding: 0px;
      margin: 0px;
    }

    .input-border-style {
      background: transparent !important;
      border-radius: 0px 0px 0px 0px !important;
      border: 1px solid #46a5d9 !important;
    }

    .el-input__inner {
      background-color: transparent !important;
      border: none !important;
    }

    .el-input__wrapper {
      background-color: transparent !important;
      /* border-radius: 0px !important;
      box-shadow: none !important; */
    }

    .input-border-style .el-input__wrapper {
      /* background-color: transparent !important; */
      border-radius: 0px !important;
      box-shadow: none !important;
    }

    .tableinput .el-input__wrapper {
      background-color: transparent !important;
      /* border-radius: 0px !important; */
      box-shadow: none !important;
    }

    .el-select__wrapper {
      background-color: transparent !important;
      /* box-shadow: none; */
    }

    /* .el-select__wrapper:focus,
    .el-select__wrapper:hover,
    .el-select__wrapper:focus-visible {
      box-shadow: none !important;
    } */

    /* .el-time-panel {
      position: absolute;
      left: -40px;
    } */

    .el-picker-panel {
      position: absolute;
      left: -200px;
    }

    .date {
      background: rgba(255, 255, 255, 0.3) !important;
    }

    .select {
      background: rgba(255, 255, 255, 0.3) !important;
      width: 60px !important;
    }

    .el-date-editor .el-range-input {
      color: #fff !important;
    }

    .el-date-editor .el-range-separator {
      color: #ffffff;
    }

    .el-select__placeholder {
      color: #ffffff;
    }

    .self_slider .el-slider__runway {
      background: transparent !important;
      border: 1px solid #4dc0ff !important;
    }

    .self_slider2 .el-slider__runway {
      background: transparent !important;
      border: 0px !important;
      border-left: 4px solid #54bcf7 !important;
      border-radius: 0px !important;
    }

    .el-collapse {
      --el-collapse-header-bg-color: transparent !important;
      border: 0px !important;
    }

    .el-collapse-item__header {
      border-bottom: 0px !important;

      color: #ffffff !important;
      font-family: Source Han Sans CN, Source Han Sans CN !important;
      font-weight: 400 !important;
      font-size: 14px !important;
    }

    .el-collapse-item {
      padding-left: 51px !important;
      padding-right: 70px !important;
      box-sizing: border-box !important;
    }

    .el-collapse-item__wrap {
      background: transparent !important;
      border: 0px !important;
    }

    .el-collapse-item__content {
      width: 100% !important;
      color: #ffffff !important;
      padding-bottom: 0px !important;
      padding-left: 10px !important;
    }

    .video .video-js .vjs-big-play-button {
      position: absolute !important;
      top: 50% !important;
      left: 50% !important;
    }

    .videoplay .video-js .vjs-big-play-button {
      position: absolute !important;
      top: 50% !important;
      left: 50% !important;
    }

    @font-face {
      font-family: 'HuXiaoBo-NanShen';
      src: url('./font1/HuXiaoBoNanShenTi-2.otf');
      /* 根据实际路径调整 */
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Source Han Sans CN';
      src: url('./font1/SourceHanSansCN-Medium.otf');
      /* 根据实际路径调整 */
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }
  </style>
</body>

</html>